<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <head th:fragment="head(title)">
	 <meta charset="utf-8" /> 
	 <meta http-equiv="X-UA-Compatible" content="IE=edge"/> 
	 <meta name="viewport" content="width=device-width, initial-scale=1"/> 
    <title th:text="${title}">Z博客</title>
	<!--Bootstrap -->
     <link  href="../static/bootstrap/css/bootstrap.min.css"  th:href="@{/bootstrap/css/bootstrap.min.css}" rel="stylesheet"/> 
     <link  href="../static/css/index.css"  th:href="@{/css/index.css}" rel="stylesheet" /> 
     <link  href="../static/lib/tocbot/tocbot.css"  th:href="@{/lib/tocbot/tocbot.css}" rel="stylesheet" />
	<style type="text/css">
 	.selfdivform{
    float: left;
    height: 30px;
    margin: 12px 12px;
    border: 0px;
   	padding:0px;
	} 
	.img-mini:hover{
				transform: scale(1.2);
			}

	</style>
  </head>
  
  <body>
  	<!-- 导航条 -->
	<nav th:fragment="nav(n)" class="navbar navbar-default navbar-fixed-top " style="background-color: rgba(0,0,0,0.5);border: 0.5px;">
	 <div class="container">
	  <div class="navbar-header row" >
	    <!-- logo -->
	      <a class="navbar-brand" href="#"><font class="font-nav">ZkcBlog</font></a>

 		<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-menu" >
	        <span class="sr-only">Toggle navigation</span>
	        <span class="icon-bar" style="background: #fff"></span>
	        <span class="icon-bar" style="background: #fff"></span>
	        <span class="icon-bar" style="background: #fff"></span>
	    </button>
	  </div>
	  <!-- 自适应菜单栏 -->
	  <div class="navbar-right navbar-collapse collapse" id="nav-menu">
	  <ul class="nav navbar-nav" >
	  	<li><a href="index.html"><font class="font-nav" th:classappend="${n==1}?'active'">首页</font></a></li>
	   	<li><a href="showarchive.html"><font class="font-nav" th:classappend="${n==1}?'active'">文章归档</font></a></li>
	  	<li><a href="showblogcate.html"><font class="font-nav" th:classappend="${n==1}?'active'">文章分类</font></a></li>
	   	<li><a href="showaboutweb.html"><font class="font-nav" th:classappend="${n==1}?'active'">关于网站</font></a></li>
	  </ul>
	  <form class="navbar-form navbar-left" id="searchform" action="searchBlog.html">
        <div class="form-group">
          <input name="searchkey" th:type="text" class="form-control" th:placeholder="Search"/>
        </div>
        <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
      </form>
      </div>
	 </div>
	</nav>
  
  
  <!-- 底部 -->
	<footer th:fragment="footer" class="panel-footer" style="background: #2a2730; color: #fff">
	  <div class="container">
	    <ul class="list-inline">
	      <li><a href="https://github.com/twbs/bootstrap">GitHub 仓库</a></li>
	      <li><a href="../getting-started/#examples">实例</a></li>
	      <li><a href="http://www.youzhan.org">优站精选</a></li>
	      <li><a href="../about/">关于</a></li>
	    </ul>

	    <p>Designed and built with all the love in the world by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> and <a href="https://twitter.com/fat" target="_blank">@fat</a>. Maintained by the <a href="https://github.com/orgs/twbs/people">core team</a> with the help of <a href="https://github.com/twbs/bootstrap/graphs/contributors">our contributors</a>.</p>

	    <p>本项目源码受 <a rel="license" href="https://github.com/twbs/bootstrap/blob/master/LICENSE" target="_blank">MIT</a>开源协议保护，文档受 <a rel="license" href="https://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0</a> 开源协议保护。</p>
	  </div>
	</footer>
  
  <!-- 共用js -->
	<div th:fragment="js">
	<!--底部结束-->
		<!--     jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="jquery/jquery-2.1.1.min.js" th:src="@{/jquery/jquery-2.1.1.min.js}" ></script>
	<!--     加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="bootstrap/js/bootstrap.min.js" th:src="@{/bootstrap/js/bootstrap.min.js}" ></script>
    <script  th:src="@{/lib/vue/vue.min.js}" ></script> 
    <!-- 自定义js -->
    <script  th:src="@{/js/index.js}" ></script>
    <!-- 目录生成js -->
    <script  th:src="@{/lib/tocbot/tocbot.min.js}" ></script>
    </div>
  </body>
</html>